<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title>我的订单</title>
    <div data-th-replace="layout/user/user-center-head" ></div>
</head>
<body>
    <div data-th-replace="layout/user/user-head"></div>
    <div class="u-bg">
        <div class="container pr u-container" id="uCenterMain">
            <section class="uCenter-box pa" id="uCenter-box">
                <div class="row uH">
                    <div class="col-sm-12 uH">
                        <div class="u-i-left__wrap u-i-left_box uH">
                            <!--左侧公共菜单 开始-->
                            <div data-th-replace="layout/user/user-left-menu"></div>
                            <!--左侧公共菜单 结束-->
                            <!--内容开始-->
                            <article class="u-c-c-cont__wrap u-c-c-main uH">
                                <div class="u-c-box uH" style="min-height: 100%;">
                                    <div class="mr20 pr10 pt10 uH">
                                        <section class="c-head-title clearfix">
                                            <aside class="pull-right mt10">
                                                <a href="javascript:void(0);" id="calendarBtn1" class="c-fff fs14 pr" title="去签到">
                                                    <i class="fa fa-calendar-check-o mr5"></i>签到
                                                </a>
                                            </aside>
                                            <h6>
                                                <span class="fs14 c-333 vam hLh30">我的订单</span>
                                            </h6>
                                        </section>
                                        <section class="u-head-title">
                                            <form id="order-form-box">
                                                <aside class="pull-right pr hand">
                                                    <div class="pr pull-left condition_search ">
                                                        <input type="text" class="form-control" name="keyword" id="keyword" placeholder="请输入要查找的订单号/商品名">
                                                        <a href="javascript:void(0);" class="pa c-999" id="orderNoBath"><i class="fa fa-search fs16"></i></a>
                                                    </div>
                                                    <div class="pr pull-left condition_search ">

                                                    <select class="form-control condition_search pull-left" style="width: 110px;font-size: 12px" id="payType" name="payType">
                                                        <option value="">支付方式</option>
                                                        <option value="FREE">赠送</option>
                                                        <option value="ACCOUNT">余额</option>
                                                        <option value="ALIPAY">支付宝</option>
                                                        <option value="WEIXIN">微信</option>
                                                    </select>
                                                    </div>
                                                    <div class=" pr pull-left condition_search">
                                                        <select class="form-control" style="width: 110px;font-size: 12px" id="shopType" name="sellTypeList">
                                                            <option value=""> 商品类型</option>
                                                            <option value="COURSE">课程</option>
                                                            <option value="BOOK">图书</option>
                                                            <option value="MEMBER">会员</option>
                                                            <option value="EXAM">试卷</option>
                                                            <option value="QA">问答</option>
                                                            <option value="ATTEND">围观</option>
                                                            <option value="ACCOUNT">账户</option>
                                                        </select>
                                                    </div>
                                                    <div class="pr pull-left condition_search">

                                                    <select class="form-control" style="width: 110px;font-size: 12px" id="orderStatus" name="orderStatus">
                                                        <option value="">订单状态</option>
                                                        <option value="INIT">未支付</option>
                                                        <option value="SUCCESS">已支付</option>
                                                        <option value="REFUND">已退款</option>
                                                        <option value="CANCEL">已取消</option>
                                                    </select>
                                                    </div>
                                                </aside>
                                            </form>

                                            <aside>
                                                <span class="fs18">我的订单</span>
                                            </aside>
                                        </section>
                                        <div id="user-order-list-box" class="mt20 right-news-box">
                                        </div>
                                    </div>
                                </div>
                            </article>
                            <!--内容结束-->
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
    <div data-th-replace="layout/user/user-common"></div>
    <!--公共引入签到js-->
    <script th:src="@{{path}/front/web/business/common/processing-check-in.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/front/web/business/order/uc/user-order-list.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/front/web/business/user/common/newMessage.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>